<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <link rel="icon" href="/favicon.ico" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title><%= app_title %></title>
    </head>

    <body>
        <div id="app">
            <div class="app-loading">
                <div class="app-loading-wrap">
                    <div class="app-loading-title">
                        <img src="src/assets/svgs/logo.svg" class="app-loading-logo" alt="Logo" />
                        <div class="app-loading-title"><%= app_title %></div>
                    </div>
                    <div class="app-loading-item">
                        <div class="app-loading-outter"></div>
                        <div class="app-loading-inner"></div>
                    </div>
                </div>
            </div>
        </div>
        <style>
            @import url("@/styles/app-loading.css");
        </style>

        <script type="module" src="./src/main.ts"></script>
    </body>
</html>
